<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<script type="text/javascript" src="../../layuiadmin/js/case/vue.js"></script>
		<script type="text/javascript" src="../../layuiadmin/js/case/vue-resource.js"></script>
		<!--导入 饿了么 ui 的核心-->
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		<script>Vue.config.productionTip=false</script>
		
		<style>
			.wid{
				width: 570px;
			}
			 body{
				 background: #FFFFFF;
			 }
		</style>
	</head>
	<body>
		
		
		<div id="app">
			
			<el-container>
			  <el-header>
				  <span>基本资料<i class="el-icon-edit"></i> </span>
			  </el-header>
			  <el-main>
			  	
			  	<!--表单输入-->
				<el-form :inline="true" :model="Client_message" class="demo-form-inline" label-position="top">
					
				  <el-form-item label="客户">
				    <el-input class="wid" v-model="Client_message.name" placeholder="客户"></el-input>
				  </el-form-item>
				  
				  <el-form-item label="手机号码">
				    <el-input class="wid" v-model="Client_message.phone" placeholder="手机号码"></el-input>
				  </el-form-item>
				  
				  <el-form-item label="客户类型">
					  <el-select size="medium" clearable  class="wid" v-model="Client_message.typeId.typeId" placeholder="请选择">
					    <el-option
					      v-for="type in types"
					      :key="type.typeId"
					      :label="type.typeName"
					      :value="type.typeId">
					    </el-option>
					  </el-select>
					 
				  </el-form-item>
				  
				  <el-form-item label="身份证号码">
				    <el-input class="wid" v-model="Client_message.idnumber" placeholder="身份证号码"></el-input>
				  </el-form-item>
				  
				  <!-- 一排单选按钮 -->
				  <el-form-item label="身份特征">
				     <el-radio-group v-model="Client_message.characteristics">
					    <el-radio label="妇女">妇女</el-radio>
					    <el-radio label="未成年人">未成年人</el-radio>
					    <el-radio label="残疾人">残疾人</el-radio>
					    
					    <el-radio label="老年人">老年人</el-radio>
					    <el-radio label="农民">农民</el-radio>
					    <el-radio label="农民工">农民工</el-radio>
					    
					    <el-radio label="下岗职工">下岗职工</el-radio>
					    <el-radio label="城市居民">城市居民</el-radio>
					    <el-radio label="外来人员">外来人员</el-radio>
					  </el-radio-group>
				  </el-form-item>
				  <br/>
			    
				  <el-form-item label="主要负责人">
				    <el-input class="wid" v-model="Client_message.principal" placeholder="主要负责人"></el-input>
				  </el-form-item>
				  
				  <el-form-item label="业务联系人">
				    <el-input class="wid" v-model="Client_message.salesman" placeholder="业务联系人"></el-input>
				  </el-form-item>
				  
				  <el-form-item label="邮箱">
				    <el-input class="wid" v-model="Client_message.mailbox" placeholder="邮箱"></el-input>
				  </el-form-item>
				  
				  <el-form-item label="职务">
				    <el-input class="wid" v-model="Client_message.duty" placeholder="职务"></el-input>
				  </el-form-item>
				  
				  <el-form-item label="地区影响力">
				    <el-input class="wid" v-model="Client_message.influence" placeholder="地区影响力"></el-input>
				  </el-form-item>
				  
				  <el-form-item label="固定电话">
				    <el-input class="wid" v-model="Client_message.specialplane" placeholder="固定电话"></el-input>
				  </el-form-item>
				  
				  <el-form-item label="所属地区">
				    <el-input class="wid" v-model="Client_message.region" placeholder="所属地区"></el-input>
				  </el-form-item>
				  
				  <el-form-item label="客户状态">
				    <el-select size="medium" clearable  class="wid" v-model="Client_message.stateId.stateId" placeholder="请选择">
					    <el-option
					      v-for="state in states"
					      :key="state.stateId"
					      :label="state.stateName"
					      :value="state.stateId">
					    </el-option>
					 </el-select>
				  </el-form-item>
				  
				  <el-form-item label="法定代表人">
				    <el-input class="wid" v-model="Client_message.legalperson" placeholder="法定代表人"></el-input>
				  </el-form-item>
				  
				  <el-form-item label="法人联系方式">
				    <el-input class="wid" v-model="Client_message.legalpersonphone" placeholder="法人联系方式"></el-input>
				  </el-form-item>
				  
				  <el-form-item label="民族">
				    <el-input class="wid" v-model="Client_message.nation" placeholder="民族"></el-input>
				  </el-form-item>
				  
				  <el-form-item label="性别">
				     <el-radio-group v-model="Client_message.sex">
					    <el-radio label="男">男</el-radio>
					    <el-radio label="女">女</el-radio>
					  </el-radio-group>
				  </el-form-item>
				  <br/>
				  
				  <el-form-item label="出生日期">
				  	
				    <el-date-picker style="width: 570px;" v-model="Client_message.birthdate" type="date" placeholder="选择日期">
					</el-date-picker>
				    	
				  </el-form-item>
				  
				  <el-form-item label="详细地址">
				    <el-input class="wid" v-model="Client_message.site" placeholder="详细地址"></el-input>
				  </el-form-item>
				  
				  <el-form-item label="备注信息">
				    <el-input type="textarea" :rows="2" style="width: 1140px;" v-model="Client_message.remark" placeholder="备注信息"></el-input>
				  </el-form-item>
				  
				  <center>
					  <el-form-item>
					  	<el-button class="wid" type="primary" @click="onSubmit()">确定提交</el-button>
					  	<el-button class="wid" type="primary" :disabled="disabled" @click="next()">下一步</el-button>
					  </el-form-item>
				  </center>
				  
				</el-form>
			  </el-main>
			</el-container>
		</div>
		
		
		<script type="text/javascript" src="../../layuiadmin/js/case/add03.js"></script>
		
	</body>
</html>
